<template>
	<view class="show-network-error flex flex-column justify-center align-center">
		<text class="iconfont1 icon-quesheng-duanwangle network-error-icon"></text>
		<text class="desc">网络不太顺畅哦~</text>
		<text class="refresh-btn" @click="$emit('refresh')">重新加载</text>
	</view>
</template>

<script>
	export default {
		props: {

		}
	}
</script>

<style lang="scss" scoped>
	.show-network-error {
		padding-top: 415rpx;
	}

	.network-error-icon {
		width: 177rpx;
		height: 138rpx;
		/* #ifndef APP-NVUE */
		background: url("~@/static/image/network-error.png");
		background-size: 100% 100%;
		/* #endif */

	}

	.desc {
		margin-top: 30rpx;
		font-size: 22rpx;
		color: #999999;
	}

	.refresh-btn {
		margin-top: 33rpx;
		font-size: 26rpx;
		color: #FFFFFF;
		line-height: 63rpx;
		text-align: center;
		width: 197rpx;
		height: 63rpx;
		background: linear-gradient(90deg, #6185FF, #8B60FF);
		border: 0rpx solid #0A0305;
		border-radius: 10rpx;
	}
</style>
